var spans =document.querySelectorAll('.navB span');
 console.log(spans);
 for(var i=0;i<spans.length; i++){
     
     spans[i].index=i;
     spans[i].onmouseover=function(){
       spans[this.index].style.color='orangered';
     }
     spans[i].onmouseout=function(){
         spans[this.index].style.color='gray';
     }
 }

//  轮播图

var lis=document.querySelectorAll('.lunbo li');

console.dir(lis);

var index=0;
setInterval(autoPlay,1000);
var lastindex=0;
function autoPlay(){ 
    index ++;
    if(index ==lis.length){
        index=0;
    }
     lis[lastindex].className = '';
        // 然后给下一个li标签添加类名，显示下一张图片
        lis[index].className = 'active';
        console.log(index);

        // 记录上一个显示的索引值
        lastindex = index;
 }


